

/* 设置根元素的主题颜色变量 */
:root[theme='light'] {
    --baseColor: white;
    --textColor: #000;
    --borerColor:rgba(252, 77, 103, 1);
    --switchBorder:#E4E7ED;
    --switchBgk:#f7f7f7;
    --activeColor:rgba(252, 77, 103, 1);
    --homeBgk:rgba(246,245,249);
    --colorTip:#666;
    --navCircle:#333;
    --itemBgk:#fff;
    --navBgk:#fff;
    --footerTop:#f7f7f7;
    --footerTip:#999;
    --menuList:#fbfbfb;
    --chatBgk:#988c8c;
    --chatActive:#fff;
    --chatTips:#f7f7f7;
    --messageBgk:#f6f6f6
}

:root[theme='dark'] {
    --baseColor: #000;
    --textColor: #fff;
    --borerColor:#333;
    --switchBorder:#fff;
    --activeColor:#fff;
    --switchBgk:rgba(0,0,0,0.2);
    --homeBgk:rgba(0,0,0,0.9);
    --colorTip:#f7f7f7;
    --navCircle:#fff;
    --itemBgk:rgba(45,35,35);
    --navBgk:#000;
    --footerTop:#282525;
    --footerTip:#777777;
    --menuList:#282525;
    --chatBgk:#fff;
    --chatActive:#333;
    --chatTips:#999;
    --messageBgk:#282525
}


